<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>每日抢鲜</title>

		<link rel="stylesheet" type="text/css" href="../css/aui.css"/>
        <link rel="stylesheet" type="text/css" href="../css/api.css"/>
		<style>
			body {
			}
			.content-padded {
				padding: 0 10px;
			}
			.title {
				overflow: hidden;
				margin: 10px 0;
			}
			.title .aui-pull-left {
				border-left: 3px solid #6ac82c;
				padding-left: 10px;
				color: #333;
				line-height: 18px;
				margin-top: 3px;
			}
			.list-view {
				display: -webkit-box;
				display: box;
				padding: 5px;
			}
			.list-view li {
				-webkit-box-flex: 1;
				box-flex: 1;
				margin: 0 5px;
				border: 1px solid #dfdfdf;
				padding: 5px;
			}
			.list-view li img {
				width: 100%;
			}
			.list-view li p {
				color: #333;
				font-size: 14px;
			}
			.list-view li span {
				color: #ff4040;
				font-size: 16px;
			}
		</style>
	</head>
	<body>
    <header id="header" class="aui-bar aui-bar-nav">
        <a href="../html/frame_tab_1.html" class="aui-pull-left"> <span class="aui-iconfont aui-icon-left"></span> </a>
        <div id="header-title" class="aui-title">
            每日抢鲜
        </div>
    </header>
    <div id="top-div"></div>
		<div class="content-padded">
			<div class="title">
				<div class="aui-pull-left">
					我们只卖最新鲜的农产品
				</div>
			</div>
		</div>
		<ul class="list-view">
			<li>
				<img src="../image/img1.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
			<li>
				<img src="../image/img1.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
		</ul>
		<ul class="list-view">
			<li>
				<img src="../image/img1.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
			<li>
				<img src="../image/img1.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
		</ul>
		<ul class="list-view">
			<li>
				<img src="../image/img1.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
			<li>
				<img src="../image/img1.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
		</ul>
		<ul class="list-view">
			<li>
				<img src="../image/img1.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
			<li>
				<img src="../image/img1.png" />
				<p>
					甜旅精选智利青苹果
				</p>
				<span>￥19.9</span>
			</li>
		</ul>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/zepto.min.js"></script>
	<script type="text/javascript">
		$('.list-view li').click(function() {
            window.location.href = '../html/detail.html'
		})
	</script>
</html>